.khlb-nav-fixed-t{
    position:fixed;
    left:0;
    right:0;
    top:0;
    background:#fff; 
    z-index: 10; 
}
.khlb-nav-seat{
    height:px2rem(98px); 
    &.search{
        height:px2rem(220px); 
    }
    
}
.khlb-nav {
    display: flex;
    border-bottom: 1px solid #e5e5e5;

    li {
        float: left;
        flex: 1;
        position: relative;

        a {
            display: block;
            height: px2rem(96px);
            line-height: px2rem(96px);

            color: #333333;
            font-size: px2rem(32px);
            text-align: center;
        }

        &.active {
            &:after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                height: px2rem(4px);
                background: #f69125;
            }
        }
    }
}

.khlb-subnav {
    border: 1px solid #f69125;
    display: flex;
    margin: px2rem(25px) px2rem(30px);

    li {
        flex: 1;

        a {
            display: block;
            text-align: center;
            height: px2rem(68px);
            font-size: px2rem(28px);
            color: #f69125;
            line-height: px2rem(68px);
        }

        &.active {
            a {
                background: #f69125;
                color: #fff;
            }
        }
    }
}

.khlb-search {
    padding: px2rem(20px) px2rem(30px) 0 px2rem(30px);
    background: #f7f7f7;
    position:relative;
    .cheshang-entry{
       
        position: absolute;
        left: 0;
        top:0;
        bottom:0;
        right:px2rem(75px);  
        color: #cccccc;
        font-size: px2rem(34px);
       
    }
    .search-box {
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        background: #fff;
        position: relative;
        padding: 0 px2rem(40px) 0 px2rem(65px);
        font-size:0; 
    }

    .cicon-1{
        position: absolute;
        left: px2rem(15px);
        top: 56%;
        color: #cccccc;
        font-size: px2rem(34px);
        transform: translate(0, -50%);

    }

    .cicon-2{
    	 position: absolute;
        right: px2rem(15px);
        top: 50%;
        color: #cccccc;
        font-size: px2rem(36px);
        color:#d7d7d7;
        transform: translate(0, -50%);
    }

    .ipt-search {
        border: none;
        background: none;
        height: px2rem(60px);
        padding: px2rem(13px) 0;
        font-size: px2rem(28px);
    }

    .ipt-submit {
        position: absolute;
        right:px2rem(30px);
        top:px2rem(20px);
        height: px2rem(67px);
        border: none;
        border-radius:3px;
        padding: 0 px2rem(35px);
        font-size: px2rem(30px);
        color: #fff;
        background: #f69125;

    }
}

.khlb-sxze {
    color: #333333;
    background: #f7f7f7;
    font-size: px2rem(28px);
    height: px2rem(80px);
    line-height: px2rem(80px);
    padding: 0 px2rem(30px);
}
.khlb_scrollableContainer{
     padding-bottom:px2rem(100px); 
}
.khlb-list {
   
    li {
        padding: 0 px2rem(30px);
        border-bottom: px2rem(20px) solid #f7f7f7;
    }

    .detail {
        position: relative;
        display: block;
        padding: px2rem(30px) 0 px2rem(20px) 0;

        .status {
            position: absolute;
            right: 0;
            color: #999999;
            top: px2rem(35px);
            font-size: px2rem(26px);
        }

        .tit {
            color: #333333;
            font-size: px2rem(36px);
        }

        .phone {
            color: #333333;
            margin-top: px2rem(10px);
            font-size: px2rem(28px);
        }

        .total {
            color: #333333;
            margin-top: px2rem(5px);
            font-size: px2rem(28px);
        }
        .freeze{
            color: #333333;
            margin-top: px2rem(5px);
            font-size: px2rem(28px);
        }
    }

    .handle {
        border-top: 1px solid #e5e5e5;
        padding: px2rem(20px) 0;

        .status {
            float: left;
            color: #666666;
            font-size: px2rem(28px);
            line-height: px2rem(52px);

            &.danger {
                color: #fe7581;
            }
        }

        a {
            float: right;
            padding: 0 px2rem(15px);
            min-width: px2rem(150px);
            height: px2rem(52px);
            line-height: px2rem(52px);
            text-align: center;
            border-radius: px2rem(5px);
            background: #f69125;
            color: #fff;

            font-size: px2rem(28px);

            &:active {
                background: darken(#f69125, 10%);
            }
        }
    }
}